<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="author" content="order by womengda.cn/" />
	<title>关于舰盟</title>
	<link rel="icon" href="./static/v4/images/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="./static/v4/css/public.css">
	<link rel="stylesheet" href="./static/v4/css/about.css">
	<script src="./static/v4/js/jquery.min.js"></script>
</head>
<body>
	<div class="nav">
		<div class="nav_con">
			<img class="logo" src="./static/v4/images/logo.png" width="10%"/>
			<img class="logo_infro" src="./static/v4/images/logo_infro.png" width="15%"/>
			<ul class="nav_ul">
				<li class="nav_li"><a href="index.html">首页</a><div></div></li>
				<li class="nav_li"><a href="about.html" class="active_hover">关于舰盟</a><div></div></li>
				<li class="nav_li"><a href="game.html">游戏机制</a><div></div></li>
				<li class="li_ep">舰船介绍<div class="li_list"><a href="join.html">水面舰船</a></div><div class="li_list"><a href="contact.html">航母</a></div>
				</li>
				<li class="nav_li"><a href="work.html">游戏术语</a><div></div></li>
				<li class="nav_li"><a href="http://lohax.gitee.io/dorm319">寝室主页</a><div></div></li>
			</ul>
		</div>
	</div>
	<div class="about_us">
		<div class="about_con">
			<div class="leftyh"><img src="./static/v4/images/leftyh.png"/></div>
			<div class="rightyh"><img src="./static/v4/images/rightyh.png"/></div>
			<div class="about_con_title">游戏介绍</div>
			<div class="about_con_infro">ABOUT IT</div>
			<div class="about_font"><p>战舰联盟》是祖龙娱乐推出的首款3D真实公平海战手游   。游戏以真实二战为背景，近百艘传奇战舰重出海疆，海上霸主——航空母舰咆哮出击，带你感受海空立体战争的惊涛震撼。</p><br/> 
			<p>游戏打造出360°全3D海洋战场，战舰操作实现物理全效模拟，航速、惯性、侧倾等效果真实还原。战斗采用真实弹道运算，并引入局部打击设定，各部位装甲类型各异，炮弹击中会产生殉爆、起火、漏水、停止转向等全真效果，带来亲自登舰般的顶级临场感。</p>
			  <br/>  
			<p>12v12超级舰队PVP决战，真人实时匹配机制，四大舰种特点分明，拒绝一枝独秀，重在默契配合，实现最公平、最具魄力的海战对决。</p>
			</div>
			<div class="lunbo">
				<div class="lun_list">
					<ul>
						<li class="foucus_list"></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<audio controls="controls" loop=-1 autoplay=1 class="guding">
  	 	 <source src="static/v4/images/There's a Light - We Choose To Go To The Moon.mp3" type="audio/mp3" />
	</audio>
<div class="footer">
	<div class="footer_con">
			<div class="foote_logo"> </div>
			<div class="footer_font">
				<ul>
					
				
				</ul>
			</div>
		</div>
	</div>
</body>
</html>
<script>
	$(function() {
		function play() {
			this.a = -1;
			this.url = ["lunbo1.jpg","lunbo2.jpg","lunbo3.jpg"];
		};
		play.prototype = {
			Lun:function() {
				$(".lunbo").css({"background":"url(./static/v4/images/"+Play.url[Play.a]+") no-repeat center"},"backgroundSize","auto 100%");
				if(Play.a > 1) {
					Play.a = -1;
				}
				Play.a++;
				$(".lun_list ul li").removeClass("foucus_list");
				$(".lun_list ul li").eq(Play.a-1).addClass("foucus_list");
				// console.log(Play.a);
			},
			Inval:function() {
				setInterval(Play.Lun(),2000);
			},
			Click:function() {
				$(".lun_list ul li").click(function() {
					console.log($(this).index());
					$(".lun_list ul li").removeClass("foucus_list");
					$(".lun_list ul li").eq($(this).index()).addClass("foucus_list");
					Play.a = $(this).index();
					$(".lunbo").css({"background":"url(./static/v4/images/"+Play.url[Play.a]+") no-repeat center"},"backgroundSize","100%");

				});
			},
			NavHover:function() {
				$(".nav_li").hover(function() {
					$(this).find('div').stop().animate({"width":"100%"},300);
				},function() {
					$(this).find('div').stop().animate({"width":"0px"},200);
				});
			},
			Huan:function(a,b) {
				$(a).stop().slideUp();
				$(b).stop().slideDown();
			},
			Life:function() {
				var a = 1;
				$(".life_left,.life_right").click(function() {
					if(a) {
						Play.Huan(".pic_con1",".pic_con2");
						a = 0;
					}else {
						Play.Huan(".pic_con2",".pic_con1");
						a = 1;
					}
				});
			}
		}
		var Play = new play()
		Play.Lun();
		Play.Inval();
		setInterval(Play.Inval,4000);
		Play.Click();
		Play.NavHover();
		Play.Life();
	})
</script>